<template>
  <!-- 用户角色 首页 -->
  <el-dialog
    v-el-drag-dialog
    title="用户角色详情"
    :visible.sync="crud.status.info > 0"
    :before-close="crud.closeInfo"
  >
    <div class="info_detail_dialog__body">
      <el-card v-loading="crud.infoLoading" class="box-card" shadow="hover">
        <el-row :gutter="20">
          <el-col :xs="24" :sm="12" :md="8"><div class="info_detail_name">详情ID: </div><div class="info_detail_value">{{ info.id }}</div></el-col>
          <el-col :xs="24" :sm="12" :md="8"><div class="info_detail_name">角色名称: </div><div class="info_detail_value">{{ info.name || '-' }}</div></el-col>
          <el-col :xs="24" :sm="12" :md="8"><div class="info_detail_name">角色代码: </div><div class="info_detail_value">{{ info.code || '-' }}</div></el-col>
          <el-col :xs="24" :sm="12" :md="8"><div class="info_detail_name">所属组织: </div><div class="info_detail_value">{{ info.depName || '-' }}</div></el-col>
          <!-- 状态值，字典取值 -->
          <el-col :xs="24" :sm="12" :md="8"><div class="info_detail_name">状态</div><div class="info_detail_value">{{ dict.label.common_status[info.status] || '未知字典码:'+info.status }}</div></el-col>
          <el-col :xs="24" :sm="12" :md="8"><div class="info_detail_name">排序: </div><div class="info_detail_value">{{ info.paixu || '-' }}</div></el-col>
          <el-col :xs="24" :sm="12" :md="8"><div class="info_detail_name">备注: </div><div class="info_detail_value">{{ info.remark || '-' }}</div></el-col>
          <!-- 角色类型 0：普通角色 ；16：系统内置角色不可删除 -->
          <!-- 智能推断为字典类型, 字典类型为 dict.sys_role_type -->
          <el-col :xs="24" :sm="12" :md="8"><div class="info_detail_name">角色类型: </div><div class="info_detail_value">{{ dict.label.sys_role_type[info.type] || '未知字典码:'+info.type }}</div></el-col>
          <!-- 使用范围 0：所有组织可用， 1：当前组织以及下级组织可用，2：仅限当前组织可用 -->
          <!-- 智能推断为字典类型, 字典类型为 dict.sys_role_use_range -->
          <el-col :xs="24" :sm="12" :md="8"><div class="info_detail_name">使用范围: </div><div class="info_detail_value">{{ dict.label.sys_role_use_range[info.useRange] || '未知字典码:'+info.useRange }}</div></el-col>

          <el-col :xs="24" :sm="12" :md="8"><div class="info_detail_name">创建时间:</div><div class="info_detail_value">{{ info.createTime || '-' }}</div></el-col>
          <el-col :xs="24" :sm="12" :md="8"><div class="info_detail_name">创建人:</div><div class="info_detail_value">{{ info.createUserName || '-' }}</div></el-col>
          <el-col :xs="24" :sm="12" :md="8"><div class="info_detail_name">最后一次修改时间:</div><div class="info_detail_value">{{ info.updateTime || '-' }}</div></el-col>
          <el-col :xs="24" :sm="12" :md="8"><div class="info_detail_name">最后一次修改人:</div><div class="info_detail_value">{{ info.updateUserName || '-' }}</div></el-col>
          <!-- <el-col :xs="24" :sm="12" :md="8"><div class="info_detail_name">是否被删除数据:</div><div class="info_detail_value">{{ info.isDel?'否':'是' }}</div></el-col> -->

        </el-row>

      </el-card>
    </div>
  </el-dialog>
</template>

<script>
import elDragDialog from '@/directive/el-drag-dialog'
import CRUD, { info } from '@crud/crud'
// 用户角色 - model
const defaultInfo = {
  id: null, // id
  name: null, // 角色名称
  code: null, // 角色代码
  depId: null, // 组织id
  status: 1,
  paixu: 1,
  remark: null, // 备注
  type: null, // 角色类型 0：普通角色 ；16：系统内置角色不可删除
  useRange: null, // 使用范围 0：所有组织可用， 1：当前组织以及下级组织可用，2：仅限当前组织可用
  lockVersion: 0,
  createTime: null,
  createUserName: null,
  updateTime: null,
  updateUserName: null,
  // _parentInfo: {},
  isDel: 0

}
export default {
  directives: { elDragDialog },
  mixins: [info(defaultInfo)],
  dicts: [
    'sys_role_type',
    'sys_role_use_range',
    'common_status'
  ], // 字典
  data() {
    return {

    }
  },
  mounted() {
  },
  methods: {
    [CRUD.HOOK.afterDoInfo]() {
      return true
    }
  }
}
</script>

<style lang="scss" scoped>

</style>
